<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Flickasa: photography sharing community</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <!-- lightbox -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
        
        <script type="text/javascript">
        $(function() {
            $('a.lightbox').lightBox();
        });
        </script>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h1>flick<span class="pink">asa</span></h1>
                <ul>
                    <li><a href="#">Top List</a></li>
                    <li><a href="#">Photos</a></li>
                    <li><a href="#">Categories</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Logout</a></li>
                </ul>
                <div class="clear"></div>
            </div><!-- header -->
            <div class="wrapper">
                <div class="sidebar">
                    <h3>heroix</h3>
                    <p>Avg. Rating: 154</p>
                    <p>Photos: 7</p>
                    <p>Comments: 18</p>
                </div><!-- sidebar -->
                <div class="content">
                    <h2>Browse Top</h2>
                    <table class="image_list">
                    <tr>
                        <td><a href="uploads/DSCF0229_2.jpg" class="lightbox"><img src="uploads/DSCF0229_2.jpg" alt="DSCF0229_2"/></a><p><a href="photo.html">Train Station</a></p></td>
                        <td><a href="uploads/DSCF0171.jpg" class="lightbox"><img src="uploads/DSCF0171.jpg" alt="DSCF0171"/></a><p><a href="photo.html">Sunset</a></p></td>
                        <td><a href="uploads/DSCF0193s_2.jpg" class="lightbox"><img src="uploads/DSCF0193s_2.jpg" alt="DSCF0193s_2"/></a><p><a href="photo.html">Kite Runnter</a></p></td>
                        <td><a href="uploads/DSCF0248_4.jpg" class="lightbox"><img src="uploads/DSCF0248_4.jpg" alt="DSCF0248_4"/></a><p><a href="photo.html">New Messiah</a></p></td>
                    </tr>
                    <tr>
                        <td><a href="uploads/DSCF3295.jpg" class="lightbox"><img src="uploads/DSCF3295.jpg" alt="DSCF3295"/></a><p><a href="photo.html">Jump</a></p></td>
                        <td><a href="uploads/IMG_5999xc.jpg" class="lightbox"><img src="uploads/IMG_5999xc.jpg" alt="IMG_5999xc"/></a><p><a href="photo.html">Stork on the road</a></p></td>
                        <td><a href="uploads/_MG_0238.jpg" class="lightbox"><img src="uploads/_MG_0238.jpg" alt="_MG_0238"/></a><p><a href="photo.html">Blue blue sea</a></p></td>
                        <td><a href="uploads/jonasbendiksen11.jpg" class="lightbox"><img src="uploads/jonasbendiksen11.jpg" alt="jonasbendiksen11"/></a><p><a href="photo.html">Cosmic junk</a></p></td>
                    </tr>
                    </table>
                    <div class="pagination">
                        <a href="#">1</a>
                        <a href="#" class="active">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                    </div>
                </div><!-- content -->
                <div class="clear"></div>
            </div><!-- wrapper -->
            <div class="footer">
                Mantas Sinkevičius &copy 2012. All rights reserved.
            </div><!-- footer -->
        </div><!-- container -->
    </body>
</html>